<template>
    <div class="li_slide_navigation">
        <p class="web_logo">Link数据管理后台</p>
        
    </div>
</template>

<script>
export default {
    data() {
        return {
            route: {
                path: '/about'
            }
        }
    }
}
</script>


<style>
.li_slide_navigation .el-menu {
    background: #1D1E21;
    border: none;
}
.li_slide_navigation .el-menu .el-submenu__title {
    color: #666C77;
}
.li_slide_navigation .el-menu .el-submenu__title:hover {
    background-color: #1D1E21 !important;
    color: #FFFFFF;
}
.li_slide_navigation .is-opened .el-menu--inline {
    background: #000000;
    color: #666C77;
}
.li_slide_navigation .el-menu .el-menu-item {
    background-color: #000000;
    color: #626C77;
}
.li_slide_navigation .el-menu .el-menu-item:hover {
    background-color: #000000;
    color: #FFFFFF;
}
.li_slide_navigation .is-opened .el-menu--inline .is-active {
    background: rgba(20, 102, 237, .2);
    position: relative;
}
.li_slide_navigation .is-opened .el-menu--inline .is-active:hover {
    background: rgba(20, 102, 237, .2) !important;
    position: relative;
}
.li_slide_navigation .is-opened .el-menu--inline .is-active::before {
    content: '';
    position: absolute;
    top: 0;
    height: 50px;
    width: 2px;
    margin-left: -40px;
    background: rgb(20, 102, 237);
}
.li_slide_navigation_menu {
    /* height: calc(100vh - 60px); */
    height: 100%;
    min-height: 100vh;
}
.web_logo {
    margin: 0;
    display: block;
    font-size: 22px;
    color: #FFFFFF;
    line-height: 60px;
    background: #1D1E21;
    padding-left: 20px;
}

</style>

